$(function () {
    getCompany();
    $("#name").change(function () {
        if ($("#name").val() != "") {
            $("#ch_name_tips").html("");
            flag = true;
        }
    });
    $("#name").blur(function () {
        if ($("#name").val() == "") {
            $("#ch_name_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#english_name").change(function () {
        if ($("#english_name").val() != "") {
            $("#en_name_tips").html("");
            flag = true;
        }
    });
    $("#english_name").blur(function () {
        if ($("#english_name").val() == "") {
            $("#en_name_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#phone").change(function () {
        if ($("#phone").val() != "") {
            $("#phone_tips").html("");
            flag = true;
        }
    });
    $("#phone").blur(function () {
        if ($("#phone").val() == "") {
            $("#phone_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#address").change(function () {
        if ($("#address").val() != "") {
            $("#address_tips").html("");
            flag = true;
        }
    });
    $("#address").blur(function () {
        if ($("#address").val() == "") {
            $("#address_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#fax").change(function () {
        if ($("#fax").val() != "") {
            $("#fax_tips").html("");
            flag = true;
        }
    });
    $("#fax").blur(function () {
        if ($("#fax").val() == "") {
            $("#fax_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#email").change(function () {
        if ($("#email").val() != "") {
            $("#email_tips").html("");
            flag = true;
        }
    });
    $("#email").blur(function () {
        if ($("#email").val() == "") {
            $("#email_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#website").change(function () {
        if ($("#website").val() != "") {
            $("#website_tips").html("");
            flag = true;
        }
    });
    $("#website").blur(function () {
        if ($("#website").val() == "") {
            $("#website_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#copyright").change(function () {
        if ($("#copyright").val != "") {
            $("#copyright_tips").html("");
            flag = true;
        }
    });
    $("#copyright").blur(function () {
        if ($("#copyright").val() == "") {
            $("#copyright_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#work_time").change(function () {
        if ($("#work_time").val() != "") {
            $("#work_tips").html("");
            flag = true;
        }
    });
    $("#work_time").blur(function () {
        if ($("#work_time").val() == "") {
            $("#work_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#logo").change(function () {
        if ($("#logo").val() != "") {
            $("#logo_tips").html("");
            flag = true;
        }
    });
    $("#logo").blur(function () {
        if ($("#logo").val() == "") {
            $("#logo_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#ad").change(function () {
        if ($("#ad").val() != "") {
            $("#ad_tips").html("");
            flag = true;
        }
    });
    $("#ad").blur(function () {
        if ($("#ad").val() == "") {
            $("#ad_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#intro").change(function () {
        if ($("#intro").val() != "") {
            $("#intro_tips").html("该项不能为空！");
            flag = true;
        }
    });
    $("#intro").blur(function () {
        if ($("#intro").val() == "") {
            $("#intro_tips").html("该项不能为空！");
            flag = false;
        }
    });
    $("#cpy_intro").change(function () {
        if ($("#cpy_intro").val() != "") {
            $("#cpy_intro_tips").html("");
            flag = true;
        }
    });
    $("#cpy_intro").blur(function () {
        if ($("#cpy_intro").val() == "") {
            $("#cpy_intro_tips").html("该项不能为空！");
            flag = false;
        }
    });
});
var flag = true;
var img;
var ad_editor;
var intro_editor;
var cpy_intro_editor;

function adEditor() {
    let E = window.wangEditor;
    ad_editor = new E('#ad_editor');
    let ad = $('#ad');
    ad_editor.config.onchange = function (html) {
        // 第二步，监控变化，同步更新到 textarea
        ad.val(html);
    };
    // 配置 server 接口地址
    ad_editor.config.uploadImgServer = '/editor/upload';
    ad_editor.config.showLinkImg = false;//隐藏网络图片按钮
    ad_editor.config.uploadFileName = "img";//向后端传递参数接收的字段名

    ad_editor.config.withCredentials = true;
    // 将图片大小限制为 5M
    ad_editor.config.uploadImgMaxSize = 5 * 1024 * 1024;
    // 限制一次最多上传 5 张图片
    ad_editor.config.uploadImgMaxLength = 5;

    ad_editor.config.uploadImgHooks = {

        // 图片上传并返回了结果，图片插入已成功之后触发
        success: function (xhr) {
            console.log('success', xhr)
        },
        // 图片上传并返回了结果，但图片插入时出错了
        fail: function (xhr, editor, resData) {
            console.log('fail', resData)
        },
        // 上传图片出错，一般为 http 请求的错误
        error: function (xhr, editor, resData) {
            console.log('error', xhr, resData)
        },
        // 上传图片超时
        timeout: function (xhr) {
            console.log('timeout');
        },
        // 图片上传并返回了结果，想要自己把图片插入到编辑器中
        // 例如服务器端返回的不是 { errno: 0, data: [...] } 这种格式，可使用 customInsert
        customInsert: function (insertImgFn, result) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // result 即服务端返回的接口
            console.log('customInsert', result.url);

            // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
            insertImgFn(result.url);
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    ad_editor.create();

    // 第一步，初始化 textarea 的值
    ad.val(ad_editor.txt.html());
}

function introEditor() {
    let E = window.wangEditor;
    intro_editor = new E('#intro_editor');
    let intro = $('#intro');
    // intro_editor.customConfig = intro_editor.customConfig ? intro_editor.customConfig : intro_editor.config;
    intro_editor.config.onchange = function (html) {
        // 第二步，监控变化，同步更新到 textarea
        intro.val(html);
    };
    // 配置 server 接口地址（servlet请求路径）
    intro_editor.config.uploadImgServer = '/editor/upload';
    // editor2.config.uploadImgShowBase64 = true;//使用base64保存图片
    intro_editor.config.showLinkImg = false;//隐藏网络图片按钮
    intro_editor.config.uploadFileName = "img";//向后端传递参数接收的字段名

    intro_editor.config.withCredentials = true;
    // 将图片大小限制为 5M
    intro_editor.config.uploadImgMaxSize = 5 * 1024 * 1024;
    // 限制一次最多上传 5 张图片
    intro_editor.config.uploadImgMaxLength = 5;

    intro_editor.config.uploadImgHooks = {

        // 图片上传并返回了结果，图片插入已成功之后触发
        success: function (xhr) {
            console.log('success', xhr)
        },
        // 图片上传并返回了结果，但图片插入时出错了
        fail: function (xhr, editor, resData) {
            console.log('fail', resData)
        },
        // 上传图片出错，一般为 http 请求的错误
        error: function (xhr, editor, resData) {
            console.log('error', xhr, resData)
        },
        // 上传图片超时
        timeout: function (xhr) {
            console.log('timeout');
        },
        // 图片上传并返回了结果，想要自己把图片插入到编辑器中
        // 例如服务器端返回的不是 { errno: 0, data: [...] } 这种格式，可使用 customInsert
        customInsert: function (insertImgFn, result) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // result 即服务端返回的接口
            console.log('customInsert', result.url);

            // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
            insertImgFn(result.url);
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    intro_editor.create();

    // 第一步，初始化 textarea 的值
    intro.val(intro_editor.txt.html());
}

function cpyInfoEditor() {
    let E = window.wangEditor;
    cpy_intro_editor = new E('#cpy_intro_editor');
    let cpy_info = $('#cpy_intro');
    cpy_intro_editor.config.onchange = function (html) {
        // 第二步，监控变化，同步更新到 textarea
        cpy_info.val(html);
    };
    // 配置 server 接口地址
    cpy_intro_editor.config.uploadImgServer = '/editor/upload';
    cpy_intro_editor.config.showLinkImg = false;//隐藏网络图片按钮
    cpy_intro_editor.config.uploadFileName = "img";//向后端传递参数接收的字段名

    cpy_intro_editor.config.withCredentials = true;
    // 将图片大小限制为 5M
    cpy_intro_editor.config.uploadImgMaxSize = 5 * 1024 * 1024;
    // 限制一次最多上传 5 张图片
    cpy_intro_editor.config.uploadImgMaxLength = 5;

    cpy_intro_editor.config.uploadImgHooks = {

        // 图片上传并返回了结果，图片插入已成功之后触发
        success: function (xhr) {
            console.log('success', xhr)
        },
        // 图片上传并返回了结果，但图片插入时出错了
        fail: function (xhr, editor, resData) {
            console.log('fail', resData)
        },
        // 上传图片出错，一般为 http 请求的错误
        error: function (xhr, editor, resData) {
            console.log('error', xhr, resData)
        },
        // 上传图片超时
        timeout: function (xhr) {
            console.log('timeout');
        },
        // 图片上传并返回了结果，想要自己把图片插入到编辑器中
        // 例如服务器端返回的不是 { errno: 0, data: [...] } 这种格式，可使用 customInsert
        customInsert: function (insertImgFn, result) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // result 即服务端返回的接口
            console.log('customInsert', result.url);

            // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
            insertImgFn(result.url);
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    cpy_intro_editor.create();

    // 第一步，初始化 textarea 的值
    cpy_info.val(cpy_intro_editor.txt.html());
}

function getCompany() {
    adEditor();
    introEditor();
    cpyInfoEditor();
    let data = myAjax('/back/company/intro', 'get', '', 'json');
    setData(data);

}

function setData(data) {
    $("#name").val(data.company.name);
    $("#english_name").val(data.company.english_name);
    $("#phone").val(data.company.phone);
    $("#email").val(data.company.email);
    $("#address").val(data.company.address);
    $("#fax").val(data.company.fax);
    $("#website").val(data.company.website);
    $("#copyright").val(data.company.copyright);
    $("#work_time").val(data.company.work_time);
    $("#logoimg").attr('src', data.company.logo);
    $("#ad").val(data.company.ad);
    $("#intro").val(data.company.intro);
    $("#cpy_intro").val(data.company.cpy_intro);
    ad_editor.txt.html(data.company.ad);
    intro_editor.txt.html(data.company.intro);
    cpy_intro_editor.txt.html(data.company.cpy_intro);
    img = data.company.logo;
}

function editCompany() {
    let logo = sessionStorage.getItem("logo");
    if (logo == null || logo == undefined || logo == "")
        logo = img;
    let data = {
        'name': $("#name").val(),
        'english_name': $("#english_name").val(),
        'phone': $("#phone").val(),
        'email': $("#email").val(),
        'address': $("#address").val(),
        'fax': $("#fax").val(),
        'website': $("#website").val(),
        'copyright': $("#copyright").val(),
        'work_time': $("#work_time").val(),
        'ad': $("#ad").val(),
        'intro': $("#intro").val(),
        'cpy_intro': $("#cpy_intro").val(),
        'logo': logo
    };
    console.log("sessionlogo: " + logo);
    if (flag = true) {
        let result = myAjax("/back/company/intro", 'post', data, 'text');
        console.log(result);
        if (result == 1) {
            alert("修改成功！");
            getCompany();
        } else if (result == 0) {
            alert("修改失败！");
        } else {
            alert(result);
        }
    } else
        alert("请先完善公司数据");

}

function edit() {
    let formData = new FormData();//获取表单中的文件
    formData.append('name', $("#name").val());
    formData.append('english_name', $("#english_name").val());
    formData.append('phone', $("#phone").val());
    formData.append('email', $("#email").val());
    formData.append('address', $("#address").val());
    formData.append('fax', $("#fax").val());
    formData.append('website', $("#website").val());
    formData.append('copyright', $("#copyright").val());
    formData.append('work_time', $("#work_time").val());
    formData.append('ad', $("#ad").val());
    formData.append('intro', $("#intro").val());
    formData.append('cpy_intro', $("#cpy_intro").val());
    formData.append("logo", $('#logo')[0].files[0]);
    console.log(formData);
    let data = uploadAjax('/back/company/intro', 'post', formData, 'text');
    console.log(data);
    if (data == 1) {
        alert("修改成功！");
        getCompany();
    } else if (data == 0) {
        alert("修改失败！");
    } else {
        alert("修改异常");
    }
}

function pictureChange() {
    let formData = new FormData();//获取表单中的文件
    let logo = $('#logo')[0].files[0];
    if (logo != null && logo != undefined) {
        formData.append("photo", logo);
        let data = uploadAjax('/upload', 'post', formData, 'text');
        console.log(data);
        if (data != "") {
            $("#logoimg").attr("src", data);
            sessionStorage.setItem("logo", data);
        } else if (data == 0) {
            console.log("图片上传失败！");
        }
    } else {
        alert("图片上传异常");
    }
}